<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>给16岁的陈梅珍小妹妹的圣诞树2022/12/25</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div class="moon">

    </div>
     <p>Merry Christmas to lovely MeiZhen·Chen</p>   
     <div class="tree">
        <div class="star">
            <div class="star_in"></div>
        </div>
        <div class="leaf-box">
            <div class="leaf">
                <div class="edge"> </div>
                <div class="edge right"> </div>
            </div>
            <div class="leaf">
                <div class="edge"> </div>
                <div class="edge right"> </div>
            </div>
            <div class="leaf">
                <div class="edge"> </div>
                <div class="edge right"> </div>
            </div>
            <div class="leaf">
                <div class="edge"> </div>
                <div class="edge right"> </div>
            </div>
            <div class="leaf">
                <div class="edge"> </div>
                <div class="edge right"> </div>
            </div>
        </div>
        <div class="trunk">

        </div>
        <div class="ball_box">
            <div class="ball b1"></div>
            <div class="ball b2"></div>
            <div class="ball b3"></div>
            <div class="ball b4"></div>
            <div class="ball b5"></div>
            <div class="ball b6"></div>
            <div class="ball b7"></div>
            <div class="ball b8"></div>
            <div class="ball b9"></div>
        </div>
        <div class="sparkle">
            <span>✨</span>
            <span>✨</span>
            <span>✨</span>
            <span>✨</span>
            <span>✨</span>
            <span>✨</span>
        </div>
        <div class="blink">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>

     </div>
     <div class="snow_box">
        <div>
           <i class="sonwflake" style="left:11.39%;top:25%"></i>
           <i class="sonwflake" style="left:56.39%;top:13%"></i>
           <i class="sonwflake" style="left:41.39%;top:75%"></i>
           <i class="sonwflake" style="left:94.39%;top:40%"></i>
           <i class="sonwflake" style="left:51.39%;top:13%"></i>
           <i class="sonwflake" style="left:33.39%;top:12%"></i>
           <i class="sonwflake" style="left:80.39%;top:64%"></i>
           <i class="sonwflake" style="left:34.39%;top:76%"></i>
           <i class="sonwflake" style="left:32.39%;top:10%"></i>
           <i class="sonwflake" style="left:40.39%;top:13%"></i>
           <i class="sonwflake" style="left:54.39%;top:90%"></i>
           <i class="sonwflake" style="left:19.39%;top:23%"></i>
           <i class="sonwflake" style="left:6.39%;top:1%"></i>
           <i class="sonwflake" style="left:23.39%;top:76%"></i>
           <i class="sonwflake" style="left:23.39%;top:64%"></i>
           <i class="sonwflake" style="left:12.39%;top:86%"></i>
           <i class="sonwflake" style="left:27.39%;top:82%"></i>
           <i class="sonwflake" style="left:3.39%;top:3%"></i>
           <i class="sonwflake" style="left:37.39%;top:75%"></i>
           <i class="sonwflake" style="left:1.39%;top:45%"></i>
           <i class="sonwflake" style="left:6.39%;top:4%"></i>
           <i class="sonwflake" style="left:75.39%;top:87%"></i>
           <i class="sonwflake" style="left:1.13%;top:45%"></i>
           <i class="sonwflake" style="left:32%;top:12%"></i>
        </div>
        <div class="smaller">
           <i class="sonwflake" style="left:80%;top:11%"></i>
           <i class="sonwflake" style="left:85%;top:82%"></i>
           <i class="sonwflake" style="left:2%;top:1%"></i>
           <i class="sonwflake" style="left:23%;top:23%"></i>
           <i class="sonwflake" style="left:13%;top:54%"></i>
           <i class="sonwflake" style="left:12%;top:65%"></i>
           <i class="sonwflake" style="left:23%;top:86%"></i>
           <i class="sonwflake" style="left:42%;top:1%"></i>
           <i class="sonwflake" style="left:54%;top:1%"></i>
           <i class="sonwflake" style="left:34%;top:5%"></i>
           <i class="sonwflake" style="left:7%;top:23%"></i>
           <i class="sonwflake" style="left:1%;top:75%"></i>
           <i class="sonwflake" style="left:34%;top:40%"></i>
           <i class="sonwflake" style="left:65%;top:8%"></i>
           <i class="sonwflake" style="left:12%;top:87%"></i>
           <i class="sonwflake" style="left:2%;top:2%"></i>
           <i class="sonwflake" style="left:34%;top:50%"></i>
           <i class="sonwflake" style="left:1%;top:5%"></i>
           <i class="sonwflake" style="left:43.4%;top:12.3%"></i>
           <i class="sonwflake" style="left:20.54%;top:34.32%"></i>
           <i class="sonwflake" style="left:54.3%;top:12.34%"></i>
           <i class="sonwflake" style="left:1.54%;top:23.43%"></i>
        </div>
        <div class="smallest">
           <i class="sonwflake" style="left:2.23%;top:1.43%"></i>
           <i class="sonwflake" style="left:23.34%;top:34.32%"></i>
           <i class="sonwflake" style="left:12.34%;top:54.34%"></i>
           <i class="sonwflake" style="left:64.54%;top:65%"></i>
           <i class="sonwflake" style="left:46.45%;top:45.45%"></i>
           <i class="sonwflake" style="left:34.34%;top:45%"></i>
           <i class="sonwflake" style="left:2.34%;top:64.3%"></i>
           <i class="sonwflake" style="left:1.23%;top:23.43%"></i>
           <i class="sonwflake" style="left:12.32%;top:23%"></i>
           <i class="sonwflake" style="left:98.67%;top:75.34%"></i>
           <i class="sonwflake" style="left:34.%;top:3.3%"></i>
           <i class="sonwflake" style="left:64.34%;top:34.34%"></i>
           <i class="sonwflake" style="left:2.34%;top:5.34%"></i>
           <i class="sonwflake" style="left:2.3%;top:1.23%"></i>
           <i class="sonwflake" style="left:23.344%;top:2.32%"></i>
           <i class="sonwflake" style="left:11.23%;top:5.23%"></i>
           <i class="sonwflake" style="left:43.4%;top:12.3%"></i>
           <i class="sonwflake" style="left:21.54%;top:12.32%"></i>
           <i class="sonwflake" style="left:54.3%;top:12.34%"></i>
           <i class="sonwflake" style="left:13.23%;top:22.32%"></i> <i class="sonwflake" style="left:2%;top:1%"></i>
           
        </div>
   </div>
   <div class="snow_box">
    <div>
       <i class="sonwflake" style="left:11.39%;top:25%"></i>
       <i class="sonwflake" style="left:56.39%;top:13%"></i>
       <i class="sonwflake" style="left:41.39%;top:75%"></i>
       <i class="sonwflake" style="left:94.39%;top:40%"></i>
       <i class="sonwflake" style="left:51.39%;top:13%"></i>
       <i class="sonwflake" style="left:33.39%;top:12%"></i>
       <i class="sonwflake" style="left:80.39%;top:64%"></i>
       <i class="sonwflake" style="left:34.39%;top:76%"></i>
       <i class="sonwflake" style="left:32.39%;top:10%"></i>
       <i class="sonwflake" style="left:40.39%;top:13%"></i>
       <i class="sonwflake" style="left:54.39%;top:90%"></i>
       <i class="sonwflake" style="left:19.39%;top:23%"></i>
       <i class="sonwflake" style="left:6.39%;top:1%"></i>
       <i class="sonwflake" style="left:23.39%;top:76%"></i>
       <i class="sonwflake" style="left:23.39%;top:64%"></i>
       <i class="sonwflake" style="left:12.39%;top:86%"></i>
       <i class="sonwflake" style="left:27.39%;top:82%"></i>
       <i class="sonwflake" style="left:3.39%;top:3%"></i>
       <i class="sonwflake" style="left:37.39%;top:75%"></i>
       <i class="sonwflake" style="left:1.39%;top:45%"></i>
       <i class="sonwflake" style="left:6.39%;top:4%"></i>
       <i class="sonwflake" style="left:75.39%;top:87%"></i>
       <i class="sonwflake" style="left:1.13%;top:45%"></i>
       <i class="sonwflake" style="left:32%;top:12%"></i>
    </div>
    <div class="smaller">
       <i class="sonwflake" style="left:80%;top:11%"></i>
       <i class="sonwflake" style="left:85%;top:82%"></i>
       <i class="sonwflake" style="left:2%;top:1%"></i>
       <i class="sonwflake" style="left:23%;top:23%"></i>
       <i class="sonwflake" style="left:13%;top:54%"></i>
       <i class="sonwflake" style="left:12%;top:65%"></i>
       <i class="sonwflake" style="left:23%;top:86%"></i>
       <i class="sonwflake" style="left:42%;top:1%"></i>
       <i class="sonwflake" style="left:54%;top:1%"></i>
       <i class="sonwflake" style="left:34%;top:5%"></i>
       <i class="sonwflake" style="left:7%;top:23%"></i>
       <i class="sonwflake" style="left:1%;top:75%"></i>
       <i class="sonwflake" style="left:34%;top:40%"></i>
       <i class="sonwflake" style="left:65%;top:8%"></i>
       <i class="sonwflake" style="left:12%;top:87%"></i>
       <i class="sonwflake" style="left:2%;top:2%"></i>
       <i class="sonwflake" style="left:34%;top:50%"></i>
       <i class="sonwflake" style="left:1%;top:5%"></i>
       <i class="sonwflake" style="left:43.4%;top:12.3%"></i>
       <i class="sonwflake" style="left:20.54%;top:34.32%"></i>
       <i class="sonwflake" style="left:54.3%;top:12.34%"></i>
       <i class="sonwflake" style="left:1.54%;top:23.43%"></i>
    </div>
    <div class="smallest">
       <i class="sonwflake" style="left:2.23%;top:1.43%"></i>
       <i class="sonwflake" style="left:23.34%;top:34.32%"></i>
       <i class="sonwflake" style="left:12.34%;top:54.34%"></i>
       <i class="sonwflake" style="left:64.54%;top:65%"></i>
       <i class="sonwflake" style="left:46.45%;top:45.45%"></i>
       <i class="sonwflake" style="left:34.34%;top:45%"></i>
       <i class="sonwflake" style="left:2.34%;top:64.3%"></i>
       <i class="sonwflake" style="left:1.23%;top:23.43%"></i>
       <i class="sonwflake" style="left:12.32%;top:23%"></i>
       <i class="sonwflake" style="left:98.67%;top:75.34%"></i>
       <i class="sonwflake" style="left:34.%;top:3.3%"></i>
       <i class="sonwflake" style="left:64.34%;top:34.34%"></i>
       <i class="sonwflake" style="left:2.34%;top:5.34%"></i>
       <i class="sonwflake" style="left:2.3%;top:1.23%"></i>
       <i class="sonwflake" style="left:23.344%;top:2.32%"></i>
       <i class="sonwflake" style="left:11.23%;top:5.23%"></i>
       <i class="sonwflake" style="left:43.4%;top:12.3%"></i>
       <i class="sonwflake" style="left:21.54%;top:12.32%"></i>
       <i class="sonwflake" style="left:54.3%;top:12.34%"></i>
       <i class="sonwflake" style="left:13.23%;top:22.32%"></i> <i class="sonwflake" style="left:2%;top:1%"></i>
       
    </div>
</div>
</body>
</html>